import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getTime } from '@/utils/auth'
import router from '@/router'
// create an axios instance
const timeout = 60 * 1000 * 60 * 6
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// 添加请求拦截器
service.interceptors.request.use(function(config) {
  // 在发送请求之前做些什么
  console.log(config)
  /*
    1. 去vuex中获取token
    2. 判断是否有token
    3. 如果有，把token放到请求头中 Authorization ,注意格式
    4. 如果没有token, 不携带
  */
  const token = store.getters.token
  if (token) {
    const oldToken = getTime()
    if (Date.now() - oldToken > timeout) {
      // 登录信息过期了
      store.dispatch('user/logout')
      Message.error('登录信息过期，请重新登录')
      router.push('/login')
      return
    } else {
      config.headers.Authorization = 'Bearer ' + token
    }
  }
  return config
}, function(error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
service.interceptors.response.use(function(response) {
  // 对响应数据做点什么
  // 统一配置报错
  const { data, message, success } = response.data
  if (success) {
    return data
  } else {
    Message.error(message)
    return Promise.reject(message)
  }
}, function(error) {
  // 对响应错误做点什么
  // console.dir(error, '报错超时')
  if (error.response.data.code === 10002) {
    // 登录信息过期了
    store.dispatch('user/logout')
    Message.error('登录信息过期，请重新登录')
    router.push('/login')
  }
  return Promise.reject(error)
})
export default service
